<template>
  <van-nav-bar title="我的" />
  <span @click="gengduo"><button>我的订单</button></span>
  <div class="box1">
    <van-image
      round
      width="10rem"
      height="10rem"
      src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
    />
    
  </div>
  <div class="box">
    <p>
        <span>
            &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;<button>编辑个人资料</button>
        </span><br>
        <span>
            &emsp;&emsp;完善你的位置信息&emsp;&emsp;&emsp;社区等级：升级规则
        </span><br>
        <span>
            &emsp;&emsp;&emsp;添加个人描述，可让大家更好的认识你
        </span>
    </p>
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router';
let router=new useRouter
let gengduo=()=>{
    router.push('/dingdan')
}
</script>

<style lang="scss" scoped>
.box1{
    text-align: center;
    background: #4f4d4d;
    height: 150px;
}
.box{
    margin-top: 100px;
    background:#fff;
    width: 100%;
    height: 350px;
    span{
        line-height: 50px;
    }
}
</style>
